<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN"
	dir="ltr">
<head>
<title>Moment Mobile Payments</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet"
	href="<%=request.getContextPath()%>/styles/layout.css" type="text/css" />
</head>
<body id="top">
	<%@include file="header.jsp"%>
	<div class="wrapper col3">
		<%!String error = null;%>
		<div id="intro">
			<%
				error = (String) session.getAttribute("error");
				System.out.println("error" + error);

				if (error != null) {
			%>
			<div class="alert-box error">
				<span>error: </span><%=error%></div>
			<%
				}
				session.setAttribute("error", null);
			%>
			<div class="fl_left">
				<div id="login">
					<h2>Login</h2>
					<p>Clients can Login to their accounts here.</p>
					<form action="../LoginController" method="post">
						<fieldset>
							<legend>Client Login</legend>
							<div>
								Login id:&nbsp;&nbsp; <input type="text" name="loginid" /></br>
								Password: <input type="password" name="password" /> <input
									type="hidden" name="page" value="login" />
							</div>
							<div class="fl_right">
								<input type="submit" class="myButton" value="Login" />
							</div>
						</fieldset>
					</form>
					<p>
						<a href="register.jsp">Register &raquo;</a>
					</p>
				</div>
			</div>
			<!--<div class="fl_right"><img src="images/demo/380x300.gif" alt="" /></div>-->
			<br class="clear" />
		</div>
	</div>
	<div class="wrapper col4">
		<div id="services">
			<ul>
				<li>
					<div class="fl_left">
						<img src="images/demo/100x180.gif" alt="" />
					</div>
					<div class="fl_right">
						<h2>Indonectetus facilis</h2>
						<p>Nullamlacus dui ipsum cons eque loborttis non euis que
							morbi penas dapibulum orna. Urnaultrices quis curabitur
							phasellentesque.</p>
						<p class="readmore">
							<a href="#">Continue Reading &raquo;</a>
						</p>
					</div>
				</li>
				<li>
					<div class="fl_left">
						<img src="images/demo/100x180.gif" alt="" />
					</div>
					<div class="fl_right">
						<h2>Indonectetus facilis</h2>
						<p>Nullamlacus dui ipsum cons eque loborttis non euis que
							morbi penas dapibulum orna. Urnaultrices quis curabitur
							phasellentesque.</p>
						<p class="readmore">
							<a href="#">Continue Reading &raquo;</a>
						</p>
					</div>
				</li>
				<li class="last">
					<div class="fl_left">
						<img src="images/demo/100x180.gif" alt="" />
					</div>
					<div class="fl_right">
						<h2>Indonectetus facilis</h2>
						<p>Nullamlacus dui ipsum cons eque loborttis non euis que
							morbi penas dapibulum orna. Urnaultrices quis curabitur
							phasellentesque.</p>
						<p class="readmore">
							<a href="#">Continue Reading &raquo;</a>
						</p>
					</div>
				</li>
			</ul>
			<br class="clear" />
		</div>
	</div>
	<div class="wrapper col5">
		<div id="container">
			<div id="content">
				<h2>About This Free CSS Template</h2>
				<p>
					This is a W3C standards compliant free website template from <a
						href="http://www.os-templates.com/">OS Templates</a>.
				</p>
				<p>
					This template is distributed using a <a
						href="http://www.os-templates.com/template-terms">Website
						Template Licence</a>, which allows you to use and modify the template
					for both personal and commercial use when you keep the provided
					credit links in the footer.
				</p>
				<p>
					For more CSS templates visit <a href="http://www.os-templates.com/">Free
						Website Templates</a>.
				</p>
				<p>Lacusenim inte trices lorem anterdum nam sente vivamus quis
					fauctor mauris. Wisinon vivamus wisis adipis laorem lobortis
					curabiturpiscingilla dui platea ipsum lacingilla.</p>
				<p>Semalique tor sempus vestibulum libero nibh pretium eget eu
					elit montes. Sedsemporttis sit intesque felit quis elis et
					cursuspenatibulum tincidunt non curabitae.</p>
			</div>
			<div id="column">
				<div class="holder">
					<h2>Nullamlacus loborttis</h2>
					<ul id="latestnews">
						<li><img class="imgl" src="images/demo/100x75.gif" alt="" />
							<p>
								<strong><a href="#">Indonectetus facilis leo.</a></strong>
							</p>
							<p>Nullamlacus dui ipsum cons eque loborttis non euis que
								morbi penas dapibulum orna. Urnaultrices quis curabitur
								phasellentesque.</p></li>
						<li class="last"><img class="imgl"
							src="images/demo/100x75.gif" alt="" />
							<p>
								<strong><a href="#">Indonectetus facilis leo.</a></strong>
							</p>
							<p>Nullamlacus dui ipsum cons eque loborttis non euis que
								morbi penas dapibulum orna. Urnaultrices quis curabitur
								phasellentesque.</p></li>
					</ul>
				</div>
			</div>
			<br class="clear" />
		</div>

	</div>
	<div class="wrapper col6">
		<div id="footer">
			<div class="footbox">
				<h2>Lacus interdum</h2>
				<!-- <ul>
        <li><a href="#">Praesent et eros</a></li>
        <li><a href="#">Praesent et eros</a></li>
        <li><a href="#">Lorem ipsum dolor</a></li>
        <li><a href="#">Suspendisse in neque</a></li>
        <li class="last"><a href="#">Praesent et eros</a></li>
      </ul>-->
			</div>
			<div class="footbox">
				<h2>Lacus interdum</h2>
				<!--<ul>
        <li><a href="#">Praesent et eros</a></li>
        <li><a href="#">Praesent et eros</a></li>
        <li><a href="#">Lorem ipsum dolor</a></li>
        <li><a href="#">Suspendisse in neque</a></li>
        <li class="last"><a href="#">Praesent et eros</a></li>
      </ul>-->
			</div>
			<div class="footbox">
				<h2>Lacus interdum</h2>
				<!-- <ul>
        <li><a href="#">Praesent et eros</a></li>
        <li><a href="#">Praesent et eros</a></li>
        <li><a href="#">Lorem ipsum dolor</a></li>
        <li><a href="#">Suspendisse in neque</a></li>
        <li class="last"><a href="#">Praesent et eros</a></li>
      </ul>-->
			</div>
			<br class="clear" />

		</div>
		<%@include file="footer.jsp"%>
	</div>
</body>
</html>
